<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>Solutions</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/solution.css">
</head>

<body>
    <div class="home">

        <div class="header">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo animated fadeInUp">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="links">
                    <a href="./index.html" class="animated fadeInUp" style="animation-delay: 100ms;">
                        Home
                    </a>
                    <a href="./about.html" class="animated fadeInUp" style="animation-delay: 200ms;">
                        About Us
                    </a>
                    <a href="./products.html" class="animated fadeInUp" style="animation-delay: 300ms;">
                        Products
                    </a>
                    <a href="./solution.html" class="on animated fadeInUp" style="animation-delay: 400ms;">
                        Solutions
                    </a>
                    <a href="./industry.html" class="animated fadeInUp" style="animation-delay: 500ms;">
                        Industries
                    </a>
                    <a href="./client.html" class="animated fadeInUp" style="animation-delay: 600ms;">
                        Our Clients
                    </a>
                    <a href="./contact.html" class="contact animated fadeInUp" style="animation-delay: 700ms;">
                        contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <div class="l">
                    <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                        <img src="./images/logo.svg" alt="">
                    </a>
                </div>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="index.html">Home</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">
                    About Us
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./products.html">
                        Products
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./solution.html">
                        Solutions
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./industry.html">
                        Industries
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./client.html">
                        Our Clients
                    </a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">
                        Contact us
                    </a>
                </div>
            </div>
        </div>

        <div class="section1">
            <div class="l">
                <div class="t wow fadeInUp">
                    SOLUTIONS
                </div>
                <div class="t2 wow fadeInUp">
                    Secure & Monitor Every<br>Movement
                </div>
                <div class="des wow fadeInUp">
                    With <span class="blod">Here It Is</span>, stay informed and in control with real-time insights on route optimization, compliance tracking, and risk management. Protect your cargo, optimize operations, and achieve peace of mind—because we never rest, so you can.
                </div>
            </div>
            <div class="r wow fadeInUp">
                <img src="./images/solution/s1.png" alt="">
            </div>
        </div>

        <div class="section2">
            <div class="wrap">
                <div class="swiper_box wow fadeInUp pc">
                    <div class="btn">
                        <div class="swiper_btn">
                            <img src="./images/solution/jt.svg" alt="">
                        </div>
                        <div class="swiper_btn">
                            <img src="./images/solution/jt.svg" alt="">
                        </div>
                    </div>
                    <div class="swiper sec2_swiper">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="num">1</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s10.svg" alt="">
                                    </div>
                                    <p>Self monitoring</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">2</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s11.svg" alt="">
                                    </div>
                                    <p>Full access to<br>platform</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">3</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s12.svg" alt="">
                                    </div>
                                    <p>Setup assistance<br>
                                        remotely</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">4</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s13.svg" alt="">
                                    </div>
                                    <p>Online<br>
                                        assistance</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">5</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s22.svg" alt="">
                                    </div>
                                    <p>Free device<br>
                                        replacement</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">6</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s14.svg" alt="">
                                    </div>
                                    <p>Free onsite support<br>
                                        &raining(onboarding)e</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">7</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s15.svg" alt="">
                                    </div>
                                    <p>Account setup<br>
                                        assistance</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">8</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s16.svg" alt="">
                                    </div>
                                    <p>Active Monitoring<br>
                                        via 24x7call center</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">9</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s17.svg" alt="">
                                    </div>
                                    <p>Customized<br>
                                        solution</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">10</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s18.svg" alt="">
                                    </div>
                                    <p>APl<br>
                                        integration</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">11</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s19.svg" alt="">
                                    </div>
                                    <p>Monthly<br>
                                        reporting</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">12</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s20.svg" alt="">
                                    </div>
                                    <p>Quarterly<br>
                                        Business Review</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="num">13</div>
                                <div class="item">
                                    <div class="icon">
                                        <img src="./images/solution/s21.svg" alt="">
                                    </div>
                                    <p>Recovery<br>
                                        assistance</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="control pc">
                    <div class="control_item  wow fadeInUp" data-id="1,2,3,4" style="animation-delay: 0.1s;">
                        <div class="control_item_sq">
                            <ul>
                                <li>Self monitoring</li>
                                <li>Full access to platform</li>
                                <li>Setup assistance remotely</li>
                                <li>Online assistance</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Lite</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="control_item  wow fadeInUp" data-id="5,6,7,8" style="animation-delay: 0.3s;">
                        <div class="control_item_sq">
                            <ul>
                                <li>Free device replacement</li>
                                <li>Free onsite support &raining(onboarding)</li>
                                <li>Account setup assistance</li>
                                <li>Active Monitoring via 24x7call center</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Standard</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="control_item  wow fadeInUp" data-id="9,10,11,12,13,14" style="animation-delay: 0.5s;">
                        <div class="control_item_sq">
                            <ul>
                                <li>Customized solution</li>
                                <li>API integration</li>
                                <li>Monthly reporting</li>
                                <li>Quarterly Business Review</li>
                                <li>Recovery assistance</li>
                                <li>Active Monitoring via 24x7call center</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Pro</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="controlList ph">
                    <div class="control_item_box">
                        <div class="control_item1">
                            <ul>
                                <li>Self monitoring</li>
                                <li>Full access to platform</li>
                                <li>Setup assistance remotely</li>
                                <li>Online assistance</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Lite</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s10.svg" alt="">
                                </div>
                                <p>Self monitoring</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s11.svg" alt="">
                                </div>
                                <p>Full access to<br>platform</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s12.svg" alt="">
                                </div>
                                <p>Setup assistance<br>
                                    remotely</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s13.svg" alt="">
                                </div>
                                <p>Online<br>
                                    assistance</p>
                            </div>
                        </div>
                    </div>
                    <div class="control_item_box">
                        <div class="control_item1">
                            <ul>
                                <li>Free device replacement</li>
                                <li>Free onsite support &raining(onboarding)</li>
                                <li>Account setup assistance</li>
                                <li>Active Monitoring via 24x7call center</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Standard</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s22.svg" alt="">
                                </div>
                                <p>Free device<br>
                                    replacement</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s14.svg" alt="">
                                </div>
                                <p>Free onsite support<br>
                                    &raining(onboarding)e</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s15.svg" alt="">
                                </div>
                                <p>Account setup<br>
                                    assistance</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s16.svg" alt="">
                                </div>
                                <p>Active Monitoring<br>
                                    via 24x7call center</p>
                            </div>
                        </div>
                    </div>
                    <div class="control_item_box">
                        <div class="control_item1">
                            <ul>
                                <li>Customized solution</li>
                                <li>API integration</li>
                                <li>Monthly reporting</li>
                                <li>Quarterly Business Review</li>
                                <li>Recovery assistance</li>
                                <li>Active Monitoring via 24x7call center</li>
                            </ul>
                            <div class="control_item_bottom">
                                <h5>Pro</h5>
                                <div class="icon">
                                    <img src="./images/solution/s23.svg" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="flex">
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s17.svg" alt="">
                                </div>
                                <p>Customized<br>
                                    solution</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s18.svg" alt="">
                                </div>
                                <p>APl<br>
                                    integration</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s19.svg" alt="">
                                </div>
                                <p>Monthly<br>
                                    reporting</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s20.svg" alt="">
                                </div>
                                <p>Quarterly<br>
                                    Business Review</p>
                            </div>
                            <div class="item">
                                <div class="icon">
                                    <img src="./images/solution/s21.svg" alt="">
                                </div>
                                <p>Recovery<br>
                                    assistance</p>
                            </div>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
        </div>

        <div class="section3">
            <div class="bg">
                <div class="logo1">
                    <img src="./images/solution/s4.svg" alt="">
                </div>
                <div class="logo2">
                    <img src="./images/solution/s4.svg" alt="">
                </div>
            </div>
            <div class="wrap">
                <h1 class="wow fadeInUp">We have more advantages</h1>
                <div class="flex">
                    <div class="item wow fadeInUp" style="animation-delay: 0.1s;">
                        <div class="icon">
                            <img src="./images/solution/s1.svg" alt="">
                        </div>
                        <h5>Global Security Coverage</h5>
                        <p>The most comprehensive platform to secure and protect your cargo worldwide. Our smart lock technology ensures that you stay connected and informed, no matter where your cargo travels.</p>
                    </div>
                    <div class="item wow fadeInUp" style="animation-delay: 0.3s;">
                        <div class="icon">
                            <img src="./images/solution/s2.svg" alt="">
                        </div>
                        <h5>Real-Time Visibility</h5>
                        <p>Empowering you with real-time GPS tracking and live updates to monitor every movement of your shipment. Keep your logistics transparent and always know where your assets are.</p>
                    </div>
                    <div class="item wow fadeInUp" style="animation-delay: 0.5s;">
                        <div class="icon">
                            <img src="./images/solution/s3.svg" alt="">
                        </div>
                        <h5>Proactive Risk Management</h5>
                        <p>Advanced multi-layered security with motion, temperature, and light sensors, providing alerts at the first sign of risk. Be proactive in safeguarding your cargo and maintaining compliance.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="foot">
            <div class="dom1">
                <div class="l">
                    <div class="logo">
                        <img src="./images/logo.svg" alt="">
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M13.1083 3.66667H2.66634C2.60967 3.66667 2.55434 3.67367 2.50134 3.68733L7.55901 8.74467C7.62152 8.80716 7.70629 8.84226 7.79467 8.84226C7.88306 8.84226 7.96783 8.80716 8.03034 8.74467L13.1083 3.66667ZM13.8293 3.88833L9.75601 7.96167L13.8643 12.0697C13.9493 11.9577 13.9997 11.818 13.9997 11.6667V4.33333C13.9997 4.16233 13.9353 4.00667 13.8297 3.88833H13.8293ZM13.185 12.3333L9.28501 8.433L8.50167 9.21633C8.40881 9.30921 8.29857 9.38288 8.17723 9.43315C8.05589 9.48341 7.92584 9.50929 7.79451 9.50929C7.66317 9.50929 7.53312 9.48341 7.41179 9.43315C7.29045 9.38288 7.1802 9.30921 7.08734 9.21633L6.30434 8.433L2.44301 12.295C2.51301 12.3197 2.58801 12.3333 2.66667 12.3333H13.1853H13.185ZM2.01001 11.7847L5.83301 7.96133L2.02434 4.15333C2.00795 4.21193 1.99965 4.27249 1.99967 4.33333V11.6667C1.99967 11.7067 2.00301 11.7463 2.01001 11.7847ZM2.66634 3H13.333C13.5081 3 13.6815 3.03449 13.8433 3.10149C14.005 3.1685 14.152 3.26671 14.2758 3.39052C14.3996 3.51434 14.4978 3.66132 14.5648 3.82309C14.6319 3.98486 14.6663 4.15824 14.6663 4.33333V11.6667C14.6663 11.8418 14.6319 12.0151 14.5648 12.1769C14.4978 12.3387 14.3996 12.4857 14.2758 12.6095C14.152 12.7333 14.005 12.8315 13.8433 12.8985C13.6815 12.9655 13.5081 13 13.333 13H2.66634C2.49125 13 2.31786 12.9655 2.1561 12.8985C1.99433 12.8315 1.84734 12.7333 1.72353 12.6095C1.59972 12.4857 1.50151 12.3387 1.4345 12.1769C1.3675 12.0151 1.33301 11.8418 1.33301 11.6667V4.33333C1.33301 4.15824 1.3675 3.98486 1.4345 3.82309C1.50151 3.66132 1.59972 3.51434 1.72353 3.39052C1.84734 3.26671 1.99433 3.1685 2.1561 3.10149C2.31786 3.03449 2.49125 3 2.66634 3Z"
                                    fill="black" fill-opacity="0.9" stroke="black" stroke-opacity="0.9"
                                    stroke-width="0.1" />
                            </svg>
                        </div>
                        <p>admin@hereitis.co</p>
                    </div>
                    <div class="email">
                        <div class="icon">
                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
                                fill="none">
                                <path
                                    d="M8.0503 1C5.18067 1 2.75 3.44432 2.75 6.3396C2.75 9.37158 5.56691 12.4722 7.46174 14.6514C7.46901 14.6601 7.77514 15 8.15261 15C8.15347 15 8.18467 15 8.18594 15C8.5632 15 8.86741 14.6601 8.8751 14.6514C10.6533 12.6072 13.2502 9.23658 13.2502 6.3396C13.2502 3.44432 11.3544 1 8.0503 1ZM8.22611 14.0645C8.2105 14.0799 8.18853 14.0972 8.16864 14.1111C8.1488 14.0972 8.12658 14.0799 8.11075 14.0645L7.88154 13.8013C6.08514 11.7405 3.62502 8.91827 3.62502 6.3396C3.62502 3.91942 5.65149 1.8748 8.05029 1.8748C11.0379 1.8748 12.3752 4.11702 12.3752 6.3396C12.3752 8.29727 10.9793 10.8964 8.22611 14.0645Z"
                                    fill="black" fill-opacity="0.9" />
                                <path
                                    d="M8.01567 3.64941C6.566 3.64941 5.39062 4.82477 5.39062 6.27445C5.39062 7.72412 6.566 8.89949 8.01567 8.89949C9.46531 8.89949 10.6407 7.7241 10.6407 6.27445C10.6407 4.82477 9.46531 3.64941 8.01567 3.64941ZM8.01567 8.02447C7.05071 8.02447 6.24554 7.22037 6.24554 6.25522C6.24554 5.29026 7.03062 4.50519 7.99557 4.50519C8.96072 4.50519 9.74558 5.29028 9.74558 6.25522C9.7456 7.22037 8.98082 8.02447 8.01567 8.02447Z"
                                    fill="black" fill-opacity="0.9" />
                            </svg>
                        </div>
                        <p>40 King Street Unit 1 Auburn NH03032</p>
                    </div>
                </div>
                <div class="media">
                    <p class="p1">Media</p>
                    <a href="">
                        <img src="./images/ins.png" alt="">
                        <p>LinkedIn</p>
                    </a>
                </div>
                <div class="quilf">
                    <p class="p1">Quilfiecty</p>
                    <div class="pics">
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                        <a href="">
                            <img src="./images/mi.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="great">
                    <p class="p1">
                        Great<br>
                        Place<br>
                        To<br> Work
                    </p>
                    <div class="p2">
                        <p>Certifued</p>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    <p>© 2024 Pac Trading Pty Ltd. All right reserved. | Designed by </p>
                    <a href="">Zipzipe</a>
                </div>
                <div class="r">
                    <a href="">Privacy Policy</a>
                    <a href="">Terms of Service</a>
                </div>
            </div>
        </div>



    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/ScrollTrigger.min.js"></script>
    <script src="./js/SplitText.min.js"></script>
    <script src="./js/wow.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script>
        var mySwiper1 = new Swiper ('.sec2_swiper', {
            slidesPerView: 5,
            spaceBetween: 20,
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.home .section2 .wrap .swiper_box .btn .swiper_btn:nth-child(2)',
                prevEl: '.home .section2 .wrap .swiper_box .btn .swiper_btn:nth-child(1)',
            },
            // breakpoints:{
            //     768:{
            //     slidesPerView:3,
            //     spaceBetween: 28,
            //     }
            // },
        })
        $('.home .section2 .wrap .control .control_item').click(function() {
            $(this).addClass('on').siblings().removeClass('on')
            const ids = $(this).attr('data-id').split(',')
            document.querySelectorAll('.sec2_swiper .swiper-wrapper .swiper-slide').forEach(box => {
                if (ids.includes(($(box).index()+1).toString())) {
                    $(box).addClass('on');
                } else {
                    $(box).removeClass('on');
                }
            })
            
        })
    </script>
</body>

</html>